<template>
	<!-- 写基础卡片组件 -->
  <view class="card">
    <!-- head -->
    <view v-if="showHead" class="p-20 border-bottom main-border-color">
      <slot name="title">
        <text v-if="headTitle" class="text-md font-medium">{{headTitle}}</text>
      </slot>
    </view>
    <!-- body -->
    <view>
      <image v-if="bodyCover" :src="bodyCover" mode="widthFix"></image>
      <slot/>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    headTitle: {
      type: String,
      default: ''
    },
    bodyCover: {
      type: String,
      default: ''
    },
    showHead: {
      type: Boolean,
      default: false
    }
  },
  data() {
   return {
     
   }
  }
}
</script>

<style scoped>
</style>